
.cal{
    height: 100%;
    width: 100%;
    background-image: url(./5.png);
    background-size:100% 100%;
    overflow: auto;

    .header{
        height: 7%;
        width: 100%;
        // border: 4px solid rgb(27,72,200);
        .title{
            font-size: 40px;
            font-weight: 300;
            margin-left: 30%;
            color: white;
        }
    }
    .container{
        height: 92%;
        width: 100%;
        display: flex;
        padding: 10px;
        .left{
            height: 100%;
            width: 30%;
            padding: 10px;
            .left_one{
                height: 50%;
                width: 100%;
                background-color: white;
                opacity: 0.9;

            }
            .left_two{
                height: 40%;
                width: 100%;
                // border: 4px solid rgb(27,72,200);
                margin-top: 10px;
                background-color: white;
                opacity: 0.9;

            }
        }
        .center{
            height: 100%;
            width: 40%;
            padding: 10px;
            .main{
                height: 50%;
                width: 100%;
                // border: 4px solid rgb(27,72,200);
                margin-top: 20%;
                background-color: white;

                opacity: 0.9;
            }
        }
        .right{
            height: 100%;
            padding: 10px;
            width: 30%;
            .right_one{
                height: 50%;
                width: 100%;
                // border: 4px solid rgb(27,72,200);
                background-color: white;
                opacity: 0.9;


            }
            .right_two{
                height: 40%;
                width: 100%;
                // border: 4px solid rgb(27,72,200);
                margin-top: 10px;
                background-color: white;
                opacity: 0.9;

            }
        }
    }
}